<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>CloudBase CLI</title>

        <style media="screen">
            body {
                background: #eceff1;
                color: rgba(0, 0, 0, 0.87);
                font-family: Roboto, Helvetica, Arial, sans-serif;
                margin: 0;
                padding: 0;
            }
            #message {
                background: white;
                max-width: 360px;
                margin: 100px auto 16px;
                padding: 32px 24px 8px;
                border-radius: 3px;
            }
            #message h2 {
                color: #026EFF;
                font-weight: bold;
                font-size: 16px;
                margin: 0 0 8px;
            }
            #message h1 {
                font-size: 22px;
                font-weight: 300;
                color: rgba(0, 0, 0, 0.6);
                margin: 0 0 16px;
            }
            #message p {
                line-height: 140%;
                margin: 16px 0 24px;
                font-size: 14px;
            }
            #message a {
                display: block;
                text-align: center;
                background: #026EFF;
                text-transform: uppercase;
                text-decoration: none;
                color: white;
                padding: 16px;
                border-radius: 4px;
            }
            #message,
            #message a {
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            }
            #load {
                color: rgba(0, 0, 0, 0.4);
                text-align: center;
                font-size: 13px;
            }
            @media (max-width: 600px) {
                body,
                #message {
                    margin-top: 0;
                    background: white;
                    box-shadow: none;
                }
                body {
                    border-top: 16px solid #026EFF;
                }
            }

            code {
                font-size: 18px;
                color: #999;
            }
        </style>
    </head>
    <body>
        <div id="message">
            <h2>恭喜 🎉🎉</h2>
            <h1>CloudBase CLI 授权成功！</h1>
            <p>
                您已经登录成功，您可以直接关闭这个窗口，开始使用 CloudBase CLI！
            </p>
        </div>
    </body>
</html>
